<!doctype html>
<html>

	<head>
		<meta charset="utf-8">
		<title>床护比和患护比</title>
		<meta name="viewport" content="width=device-width,initial-scale=1,minimum-scale=1,maximum-scale=1,user-scalable=no" />
		<link href="../../common/mui/mui.css" rel="stylesheet" />
		<link href="../../common/mui/mui.picker.min.css" rel="stylesheet" />
		<link href="../../common/css/iconfont.css" rel="stylesheet" />
		<link href="../../common/css/yahei.css" rel="stylesheet" />
		<link href="../../common/css/app.css" rel="stylesheet" />
		<link href="../../dependence/target/css/home.css" rel="stylesheet" />
		<style>
			tr th{
				line-height: 1.2;
			}
			.loadMore{
				width: 100%;
				text-align: center;
				font-size: var(--size14);
				display: flex;
				justify-content: center;
				padding-top: 5px;
				color: #aaa;
			}
			#locYMArea{
				right: var(--size120);
			}
			.areaWard{
				width: var(--size100);
				white-space: nowrap;
				overflow: hidden
			}
			#currWard{
				width: calc(100% - 18px);
				width: 100%;
				margin-left: 0;
			}
			#wardPopo {
				top: 10%;
				right: 50px;
				width: 40%;
				height: 80%;
				border-radius: 8px;
				overflow: hidden;
			}
		</style>
	</head>

	<body>
		<div id="wrapper" class="mui-scroll-wrapper">
			<div id="scroll" class="mui-scroll mui-scroll-phone">
				<div class="statArea nurPatRate">
					<div class="statTitle">护患比<div class="mui-icon mui-icon-help"></div></div>
					<div class="areaYearMonth">
						<div id="topYear" class="ymdText"></div>
						<div class="angleIcon"><img src="../../dependence/target/images/angledown.svg"></div>
					</div>
					<div class="partArea">
						<div class="threePart"><div class="partTitle">平均护患比</div><div class="partNum">1:1.95</div></div>
						<div class="threePart"><div class="partTitle">白班护患比</div><div class="partNum">1:0.38</div></div>
						<div class="threePart"><div class="partTitle">夜班护患比</div><div class="partNum">1:2.4</div></div>
					</div>
					<div id="null" class="nullData">
						<div class="nullImage"></div>
						<div class="nullTip"></div>
					</div>
					<div style="position: relative;margin-top: var(--size20);">
						<div class="statTitle">病区护患比明细</div>
						<table id="wardsTable">
							<colgroup><col width="40%"><col width="20%"><col width="20%"><col width="20%"></colgroup>
							<thead><tr><th>病区</th><th>平均<br/>护患比</th><th>白班<br/>护患比</th><th>夜班<br/>护患比</th></tr></thead>
							<tbody id="wardsBody"></tbody>
						</table>
						<div id="loadMore" class="loadMore">点击查看更多</div>
					</div>
				</div>
				
				<div class="statArea openWindow">
					<div class="statTitle">全院平均护患比分析</div>
					<div class="areaYearMonth">
						<div id="hospYear" class="ymdText"></div>
						<div class="angleIcon"><img src="../../dependence/target/images/angledown.svg"></div>
					</div>
					<div class="chartContainer">
						<div id="hosp"></div>
						<div id="hospNull" class="nullData">
							<div class="nullImage"></div>
							<div class="nullTip"></div>
						</div>
					</div>
					<div id="hospChange" class="changeDateType">
						<div id="monthType" class="monthType mui-active">按月统计</div>
						<div class="yearType">按年统计</div>
					</div>
				</div>
				<div class="statArea openWindow">
					<div class="statTitle">科室平均护患比分析</div>
					<div id="locYMArea" class="areaYearMonth">
						<div id="locYear" class="ymdText"></div>
						<div class="angleIcon"><img src="../../dependence/target/images/angledown.svg"></div>
					</div>
					<div class="areaWard">
						<div id="currWard" class="currWard mui-ellipsis"></div>
						<div class="angleIcon"><img src="../../dependence/target/images/angledown.svg"></div>
					</div>
					<div class="chartContainer">
						<div id="loc"></div>
						<div id="locNull" class="nullData">
							<div class="nullImage"></div>
							<div class="nullTip"></div>
						</div>
					</div>
					<div id="locChange" class="changeDateType">
						<div id="dayType" class="monthType mui-active">按日统计</div>
						<div id="monthType" class="monthType">按月统计</div>
						<div id="locType" class="yearType">按年统计</div>
					</div>
				</div>
			</div>
		</div>
		<div id="wardPopo" class="mui-popover">
			<div class="mui-scroll-wrapper">
				<div class="mui-scroll mui-scroll-phone">
					<ul id="wardUL" class="mui-table-view"></ul>
				</div>
			</div>
		</div>
		<div id="explainPopo" class="mui-popover">
			<div id="explainHead" class="popoHead">护患比指标说明</div>
			<div id="explainContent" class="content">
				指标数据按日更新，非实时数据<br>计算公式为：<br>
				平均护患比=1：[（同期每天白班护理患者数+夜班护理患者数）÷（统计周期内每天白班责任护士数+每天夜班责任护士数）]<br>
				白班护患比=1：（同期白班护理患者数÷统计周期内白班责任护士数）<br>
				夜班护患比=1：（同期夜班护理患者数÷统计周期内夜班责任护士数）<br>
				责任护士数=责任护士工作总时长÷8
			<div id="closeBtn" class="closeBtn">我知道了</div>
		</div>
		<input readonly class="input-text" style="display: none;" type="text" id="userTimeID" />
		<script src="../../common/mui/mui.js"></script>
		<script src="../../common/mui/mui.picker.min.js"></script>
		<script src="../../common/mui/mui.pullToRefresh.js"></script>
		<script src="../../common/mui/mui.pullToRefresh.material.js"></script>
		<script src="../../common/js/echarts.js"></script>
		<script src="../../common/js/jquery-3.4.1.min.js"></script>
		<script src="../../common/js/globalSet.js"></script>
		<script src="../../common/js/DHCWebService.js"></script>
		<script src="../../common/js/app.js"></script>
		<script src="../../common/js/rolldate.min.js"></script>
		<script src="../../dependence/target/js/clinic/nurPat.js"></script>
		
	</body>

</html>